<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>jssdk</title>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript">

        $(function () {
            $.get("/sign?url=" + encodeURIComponent(location.href.split('#')[0]), function (data) {
                wx.config({
                    debug    : true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                    appId    : 'wx5fdf3c058cc165a1', // 必填，公众号的唯一标识
                    timestamp: data.data.timestamp, // 必填，生成签名的时间戳
                    nonceStr : data.data.nonceStr, // 必填，生成签名的随机串
                    signature: data.data.signature,// 必填，签名，见附录1
                    jsApiList: [
                        'onMenuShareTimeline',
                        'onMenuShareAppMessage'
                    ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });
                wx.ready(function () {
                    wx.onMenuShareTimeline({
                        title  : '微信jssdk开发介绍，快来参与吧。。。', // 分享标题
                        desc   : '微信jssdk开发介绍，快来参与吧。。。',
                        link   : 'https://worktile.com',  // 分享链接
                        imgUrl : 'https://wt-prj.oss.aliyuncs.com/d3ac18a865d7c8/53369391-f3d8-473b-8683-6f25ec7b3f8e.png', // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                        },
                        cancel : function () {
                            // 用户取消分享后执行的回调函数
                        }
                    });
                    wx.onMenuShareAppMessage({
                        title  : '微信jssdk开发介绍，快来参与吧。。。', // 分享标题
                        desc   : '微信jssdk开发介绍，快来参与吧。。。',
                        link   : 'https://worktile.com', // 分享链接
                        imgUrl : 'https://wt-prj.oss.aliyuncs.com/d3ac18a865d7c8/53369391-f3d8-473b-8683-6f25ec7b3f8e.png', // 分享图标
                        success: function () {
                            // 用户确认分享后执行的回调函数
                        },
                        cancel : function () {
                            // 用户取消分享后执行的回调函数
                        }
                    });
                });
                $("#getNetworkType").click(function(e){
                    wx.getNetworkType({
                        success: function (res) {
                            var networkType = res.networkType; // 返回网络类型2g，3g，4g，wifi
                            alert(networkType)
                        }
                    });
                });

            });
        });
    </script>
</head>
<body>
<div align="center" style="height: 200px;">

</div>
<div align="center">
    <button id="getNetworkType" style="display: block; width:200px; height: 100px; border: 1px; font-size: 20pt;">获取当前网络类型</button>
</div>
</body>
</html>